<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.w3.org/1999/xhtml"
      layout:decorate="~{front/common/manage}" xmlns:layout="http://www.w3.org/1999/xhtml">
<head>
  <meta charset="UTF-8">
  <title>个人中心-我的作品</title>
  <link rel="stylesheet" href="/static/front/css/my-yesvip.css">
  <link rel="stylesheet" href="/static/front/css/my-novip.css">
  <link rel="stylesheet" href="/static/front/css/my-prod.css">
  <link rel="stylesheet" href="/static/front/css/my-prod-all.css">
  <link rel="stylesheet" href="/static/front/css/member.css">
</head>

<body>
<div layout:fragment="content">
  <div class="con12-r" style="display: none;">
    <div class="icon">
      <img src="/static/front/imgs/zys143.png"/>
      <h4>您还未开启过VIP会员，不能享受会员特权!</h4>
    </div>
    <div class="btn">
      <a href="/vip-plan">开通VIP会员</a>
    </div>
  </div>

  <div class="con6-r" style="display: none;">
    <div class="nav">
      <div class="nav-tip">
        尊敬的用户，您是<font class="c-red">尊贵的VIP会员</font>，更多版权会员权益等你体验～
      </div>
    </div>
    <div class="lists">
      <div class="table table-vip">
        <table border="" cellspacing="0" cellpadding="">
          <thead>
          <tr>
            <td class="first" width="20%">VIP类型</td>
            <td width="20%">价格</td>
            <td width="20%">剩余/作品张数</td>
            <td width="20%">到期时间</td>
            <td width="20%">操作</td>
          </tr>
          </thead>
          <tbody id="data-body">

          </tbody>
        </table>
      </div>

    </div>
  </div>
</div>

<th:block layout:fragment="script">
  <script id="list-data" type="text/html">
    {{#  layui.each(d.data, function(index, item){ }}
    <tr>
      <td class="first">{{item.memberCategoryName}}</td>
      <td>{{item.price}}</td>
      <td>{{item.leftAmount}}/{{item.total}}张</td>
      <td>{{item.expiryDate}}</td>
      <td><a href="/vip-order?categoryId={{item.memberCategoryId}}">立即续费</a></td>
    </tr>
    {{#  }); }}


  </script>

  <script type="text/javascript" src="/static/front/js/config.js"></script>
  <script type="text/javascript">
    layui.use('vip2.0');
  </script>
</th:block>

</body>
</html>

